<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>科苑在线1对1</title>
		<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css" media="all">
		<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" media="all">
		<link href="http://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">
		<!-- Bootstrap bootstrap-touch-slider Slider Main Style Sheet -->
		<link href="css/bootstrap-touch-slider.css" rel="stylesheet" media="all">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		
	</head>

	<body>
		<!--logo-->
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="menu-nav" style="width: 100%;">
			<a href="index.html"><img src="img/logo.jpg" /></a>
		</div>
		<div id="bootstrap-touch-slider" class="carousel bs-slider fade  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">

			<!-- banner -->
			<ol class="carousel-indicators">
				<li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
			</ol>

			<div class="carousel-inner" role="listbox">

				<div class="item active">

					<img src="images/slide1.jpeg" alt="Bootstrap Touch Slider" class="slide-image" />
					<div class="bs-slider-overlay"></div>

					<div class="container">
						<div class="row">

						</div>
					</div>
				</div>

				<div class="item">

					<img src="images/slide2.jpeg" alt="Bootstrap Touch Slider" class="slide-image" />
					<div class="bs-slider-overlay"></div>

				</div>

				<div class="item">

					<img src="images/slide3.jpeg" alt="Bootstrap Touch Slider" class="slide-image" />
					<div class="bs-slider-overlay"></div>

				</div>

			</div>
			<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
				<span class="fa fa-angle-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>

			<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
				<span class="fa fa-angle-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>

		</div>
        <!--内容-->
        <div class="content">
        	<div class="expertbox">
	<div class="it_expert">
		<p class="it_expertp1">新闻列表</p>
		<p class="it_expertp2">
			<span id="it_awewe" class="it_awewe">
				<a href="#" class="it_expertspan1" id="previous2"> < </a>
				<a href="#" class="it_expertspan2" id="next2"> > </a>
			</span>
		</p>
	</div>
	<div class="it_expert3">
		<div id="hot_ranks2">  
			<ul class="current" style="display: block;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">11111111[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企企业把招商的所有事情都可以外包给招商快车公司营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">2222221[2015-06-05]</p>
						<p class="it_experconter">招商外包企业把招商的所有事情都可以外包给招商快车公司，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">3333333331[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					
				</li>  
			</ul>
			<ul class="current" style="display: none;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">5555555552[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招企业把招商的所有事情都可以外包给招商快车公司企业把招商的所有事情都可以外包给招商快车公司道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">66666666666[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">77777777777[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">88888888888[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
				</li>  
			</ul>
			<ul class="current" style="display: none;">  
				<li>
					<div class="it_expertxt">
						<p class="it_expertit">9999999999993[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">100000000000[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">1111111111111[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事情都可以外包给招商快车公司去做，企业只需要集中力量经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">1212121212[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业企业把招商的所有事情都可以外包给招商快车公司经营好自身的核心业务，渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
					<div class="it_expertxt">
						<p class="it_expertit">444[2015-06-05]</p>
						<p class="it_experconter">招商外包，就是指企业把招商的所有事企业把招商的所有事情都可以外包给招商快车公司渠道建设交给招商快车，包括如下9点：渠道盈利模型、产品组合策略</p>
					</div>
				</li>  
			</ul>
		</div>
	</div>            
</div>
        </div>
        <!--底部-->
        <div class="footer">
        	<p class="p1">大连科苑学校</p>
        	<p>地址：大连市 西安路 现代服务业大厦13楼</p>
        	<p>联系电话：0411-39313561</p>
        </div>
	</body>
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script>
		window.jQuery || document.write('<script src="js/jquery-min.js"><\/script>')
	</script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="http://cdn.bootcss.com/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>
	<script src="js/bootstrap-touch-slider.js"></script>
	<script type="text/javascript">
		$('#bootstrap-touch-slider').bsTouchSlider();
	</script>
<script type="text/javascript">
	$(function(){    
         abc2();
    }); 
	function abc2(){
         var $obj = $('#hot_ranks2 ul');  
         var len  = $obj.length;  
         var i = 0;  
         $("#next2").click(function(){  
              i++;  
              if(i==len){  
                i = 0;  
              }  
              $obj.stop(true,true).hide().eq(i).fadeIn(600);  
              return false;  
         });      
         $("#previous2").click(function(){  
              i--;  
              if(i==-1){  
                i = len-1;  
              }  
              $obj.stop(true,true).hide().eq(i).fadeIn(600);  
              return false;  
         });  
    }
	$(".it_expertxt").hover(function(){
		$(this).find(".it_expertit").css("color","#fff");
		$(this).find(".it_experconter").css("color","#fff");
		var div = $(this).find(".it_expertit");
		var div2 = $(this).find(".it_experconter")
		div.addClass("dest").animate({left: 20}, 200);
		div2.addClass("dest").animate({left: 20}, 200);
	},function(){
		var div = $(this).find(".it_expertit");
		var div2 = $(this).find(".it_experconter")
		$(this).find(".it_expertit").css("color","#434343");
		$(this).find(".it_experconter").css("color","#7d858c");
		div.addClass("dest").animate({left: 0}, 200);
		div2.addClass("dest").animate({left: 0}, 200);
	});
</script>
</html>